<template>
	<sc-table-select
		ref="tableselect"
		v-model="userInfovalue"
		:attrList="attrList"
		:valueList="valueList"
		:queryList="queryList"
		:orderList="orderList"
		:table-width="640"
		clearable
		collapse-tags
		collapse-tags-tooltip
		:props="props"
		@change="change"
	>
		<template #header="{}">
			<el-form :inline="true">
				<el-row :gutter="5"
					><el-col :span="5">
						<el-input
							v-model="queryList.Code"
							placeholder="请输入编码"
							style="width: 125px"
						></el-input></el-col
					><el-col :span="5">
						<el-input
							v-model="queryList.Name"
							placeholder="请输入名称"
							style="width: 125px"
						></el-input> </el-col
					><el-col :span="5"
						><el-select
							v-model="queryList.SexCode"
							placeholder="请选择性别"
							style="width: 125px"
							clearable
							:teleported="false"
						>
							<el-option
								label="---请选择---"
								value=""
							></el-option>
							<el-option label="男" value="011001"></el-option>
							<el-option
								label="女"
								value="011002"
							></el-option> </el-select></el-col
					><el-col :span="5">
						<el-input
							v-model="queryList.Mobile"
							placeholder="请输入手机"
							style="width: 125px"
						></el-input></el-col
					><el-col :span="4">
						<el-button
							type="primary"
							@click="$refs.tableselect.getData()"
							>查询</el-button
						></el-col
					></el-row
				>
			</el-form>
		</template>
		<el-table-column
			prop="OrgCode"
			label="机构编码"
			width="100"
		></el-table-column>
		<el-table-column
			prop="OrgName"
			label="机构名称"
			width="180"
		></el-table-column>
		<el-table-column
			prop="Code"
			label="员工编码"
			width="100"
		></el-table-column>
		<el-table-column
			prop="Name"
			label="员工名称"
			width="100"
		></el-table-column>
		<el-table-column
			prop="SexName"
			label="性别"
			width="100"
		></el-table-column>
		<el-table-column
			prop="Mobile"
			label="手机"
			width="100"
		></el-table-column>
		<el-table-column
			prop="State"
			label="状态"
			width="100"
		></el-table-column>
	</sc-table-select>
</template>

<script>
export default {
	name: "userInfoSelect",
	data() {
		return {
			attrList: {
				Name: "UserInfo",
				UseDistinct: false,
				OrgCode: "",
				UseBackUp: false,
				UseGroup: false,
			},
			valueList: {
				OrgCode: "OrgCode",
				OrgName: "OrgName",
				Code: "Code",
				Name: "Name",
				SexName: "SexName",
				Mobile: "Mobile",
				State: "State",
			},
			queryList: {
				OrgName: "",
				Code: "",
				Name: "",
				SexCode: "",
				Mobile: "",
				State: "",
			},
			//apiObj: this.$API.demo.page,
			params: {
				name: "demoName",
			},
			orgcodevalue: [],
		};
	},
	computed: {},
	mounted() {},
	// methods: {
	// 	//值变化
	// 	change(val) {
	// 		this.$message("change事件，返回详情查看控制台1");
	// 		console.log(val);
	// 	},
	// },
};
</script>

<style scoped></style>
